<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>新芽后台管理系统</title>
    <link rel="shortcut icon" href="/asserts/images/favicon.ico" type="image/x-icon">
    <link href="http://dd.ddandang.top/css/bootstrap.min.css" rel="stylesheet">
    <link href="/asserts/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/asserts/css/style.min.css" rel="stylesheet">
    <link href="/asserts/css/default.css" rel="stylesheet">
    <link href="/asserts/css/layui.css" rel="stylesheet">
    <link href="http://dd.ddandang.top/layui/css/layui.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">
    <!--对框框-->
    <link href="/asserts/js/jconfirm/jquery_confirm.min.css" rel="stylesheet">
    <link href="/asserts/css/animate.css" rel="stylesheet">
    <link href="/asserts/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
</head>

<body>

<div class="lyear-layout-web">
    <div class="lyear-layout-container">

        <!--引入leftNavigation左边导航栏-->
        <div th:include="~{common/module::leftNavigation(flag='donationManagement',active='discardedClothing')}"></div>

        <!--头部信息-->
        <div th:include="~{common/module::headerInformation(headerMessage=' 捐赠管理->废弃衣物')}"></div>

        <main class="lyear-layout-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">

                                <!--确认回收模态框-->
                                <div class="modal fade example" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="myModal">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                <h3 class="modal-title">出售信息</h3>
                                            </div>
                                            <div class="modal-body">
                                                <div class="form-group">
                                                    <div id="mes"></div>
                                                    <label for="weight">衣服重量</label>
                                                    <input type="text" style="background: white" class="form-control" id="weight" disabled="disabled">
                                                </div>
                                                <div class="form-group">
                                                    <label for="names">捐赠人</label>
                                                    <textarea style="background: white" class="form-control" id="names" disabled="disabled"></textarea>
                                                </div>
                                                <div class="form-group">
                                                    <label for="money">回收金额</label>
                                                    <input type="text" style="background: white" class="form-control" disabled="disabled" id="money">
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                <button type="button" id="confirmRecycling" class="btn btn-primary">确认提交</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="saleDetail">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                <h3 class="modal-title" id="myModalLabel">出售详细记录</h3>
                                            </div>
                                            <div class="modal-body">
                                                <div class="table-responsive">
                                                    <table id="recordTable"></table>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-toolbar clearfix">
                                    <div id="message">

                                    </div>

                                    <div class="form-group">
                                        <form class="layui-form">
                                            <div class="form-group">
                                                <button type="button" class="btn btn-pink m-r-5" data-toggle="modal" id="modal" data-target="#myModal">确认回收</button>
                                                <span id="buttonsToolbar"></span>
                                            </div>

                                        </form>
                                    </div>
                                </div>
                                <br/><br/>

                                <h2><label class="label label-info">正在回收的衣物记录</label></h2><br/>
                                <div class="table-responsive">
                                    <table id="tb_departments"></table>
                                </div>

                                <div class="card-toolbar clearfix">
                                    <div id="Toolbar"></div>
                                </div><br/><br/>
                                <div class="table-responsive">
                                    <table id="saleRecordTable"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>


    </div>
</div>


<script type="text/javascript" src="/asserts/js/jquery.min.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/asserts/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

<!--行内编辑插件-->
<link href="/asserts/js/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.min.css" rel="stylesheet">
<script type="text/javascript" src="/asserts/js/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap-table/extensions/editable/bootstrap_table_editable.min.js"></script>
<script type="text/javascript" src="/asserts/js/main.min.js"></script>
<script type="text/javascript" src="/asserts/js/admin/discardedClothing.js"></script>

</body>
</html>